import Home from '../views/Home.vue'
import SignLayout from '../layout/signLayout'
import MainLayout from '../layout/mainLayout'
const routes = [
  {
    path: '/',
    name: 'Home',
    // component: Home,
    redirect: '/sign'
  },
  {
    path: '/sign',
    name: 'Sign',
    component: SignLayout,
    redirect: '/sign/toggle',
    children: [
      {
        path: 'toggle',
        name: 'SignUpOrSignIn',
        component: () => import('../views/sign/sign.vue'),
      }
    ]
  },
  {
    path: '/explore',
    name: 'Explore',
    component: MainLayout,
    redirect: '/explore',
    children: [
      {
        path: '/',
        name: 'ExploreContent',
        component: () => import('../views/explore/explore.vue'),
      },
      {
        path: 'chat',
        name: 'Chat',
        component: () => import('../views/chat/chat.vue'),
      },
      {
        path: 'dynamic',
        name: 'Dynamic',
        component: () => import('../views/dynamic/dynamic.vue'),
      },
      {
        path: 'shop',
        name: 'Shop',
        component: () => import('../views/shop/shop.vue'),
      },
      {
        path: 'user',
        name: 'User',
        component: () => import('../views/user/user.vue'),
      },
      {
        path: 'gift',
        name: 'Gift',
        component: () => import('../views/user/gifts.vue'),
      }
    ]
  }
]
export default routes
